// 登录模块
//获取dom 元素
const registerDiv = document.querySelector('.register ')//注册页面div
const registerA = document.querySelector('.register-a')//注册页面div的超链接
const loginDiv = document.querySelector('.login ')//登录页面div
const loginA = document.querySelector('.login-a')//登录页面div的超链接
const registerForm = document.querySelector('.registerform')
const loginForm = document.querySelector('.loginform')

// 1.点击登录页面的超链接，切换到注册页面
loginA.addEventListener('click', function () {
    loginDiv.style.display = 'none'
    registerDiv.style.display = 'block'
})
// 2.点击注册页面的超链接，切换到登录页面.
registerA.addEventListener('click', function () {
    registerDiv.style.display = 'none'
    loginDiv.style.display = 'block'

})

//给注册页面form绑定提交事件,当点击注册时
registerForm.addEventListener('submit', async function (e) {
    //阻止form表单默认行为--刷新
    e.preventDefault()
    //阻止form表单默认行为--输入历史记录
    // autocomplete="off"  给form添加该属性即可

    //获取用户输入的信息
    const username = registerForm.querySelector('input[name=username]').value.trim()
    const password = registerForm.querySelector('input[name=password]').value.trim()

    //简单校检 信息是否为空
    if (!username || !password) {
        //显示弹窗
        toastr.warning('注册不能为空', '警告')
        return
    }

    //通过axios把注册信息保存到后端
    const res = await axios({
        url: '/api/register',
        method: 'post',
        data: {
            username,
            password
        }
    })

    //判断请求是否成功
    if (res.data.code === 0) {
        toastr.success('注册成功', '恭喜')

        //1.5s后切换到登录页面
        setTimeout(function () {
            //触发注册页面超链接的点击行为，回到登录页面
            registerA.click()
            //把注册成功的账号信息默认填写到登录页面上
            loginDiv.querySelector('input[name=username]').value = username
        }, 1500)
    }
})

//给登录页面form绑定提交事件,当点击注册时
loginForm.addEventListener('submit', async function (e) {
    //阻止form表单默认行为--刷新
    e.preventDefault()

    //获取用户输入的信息
    const username = loginForm.querySelector('input[name=username]').value.trim()
    const password = loginForm.querySelector('input[name=password]').value.trim()
    //简单校检 信息是否为空
    if (!username || !password) {
        //显示弹窗
        toastr.warning('登录不能为空', '警告')
        return
    }
    const res = await axios({
        url: '/api/login',
        method: 'post',
        data: {
            username, password
        }
    })
    //判断请求是否成功
    if (res.data.code === 0) {
        //为了防止用户不登录，直接跳转index页面
        //将tocken 存到 本地存储里
        localStorage.setItem('token', res.data.token)

        //显示弹窗
        toastr.success('登录成功', '恭喜')

        //1.5秒后跳转index页面
        setTimeout(function () {
            location.href = 'index.html'
            // location.href = './index.html'
            //用 Open with Live Server方式打开，以下三个都能正常访问，工作中，建议用
            //用 Open in Default Browsers方式打开，以下三个不能正常访问
            // location.href = '../../index.html'//父级路径
            // location.href = '../../../../index.html'//
            // location.href = '/index.html'//绝对路径
        }, 1500)

    }

})

